<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=0.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <link href="/assets/src/css/cyb.css" type="text/css" rel="stylesheet"/>
	   <link href="/assets/src/css/public.css" type="text/css" rel="stylesheet"/>
	   <script type="text/javascript" src="/assets/js/jquery-1.8.1.min.js"></script>
	<style>
	   .form-control { 
			display: block; 
			width: 120%; 
			height: 20px; 
			padding: 6px 12px; 
			font-size: 14px; 
			line-height: 1.428571429; 
			color: #555555; 
			vertical-align: middle; 
			background-color: #ffffff; 
			border: 1px solid #cccccc; 
			border-radius: 4px; 
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
			-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
		} 
		.form-control:focus { 
			border-color: #66afe9; 
			outline: 0; 
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
		} 
	   
	   </style>
    <title>个人资料</title>
    <script type="text/javascript">
    $(document).ready(
    	function(){
    		var loginMessage = $('#loginMessage').html();
    		if(loginMessage == ''){
    			$('#loginMessage').hide();
    		}else{
    			$('#loginMessage').show();
    		}
    	}		
    );
    
    </script>
</head>
<body>
<!--头部-->
<header class="product-hd hd-color"> <a href="#" class="pre index-pre"></a>我的账号
</header>
<article class="article">
<!--头像-->
<div class="personal-main">
<form id="login" action="/login/loginCheck" method="post">
<!--昵称-->
		<div class="personal-02">
			<p class="personal-p1">
					<span class="personal-span1" style="margin-top: 6px;">账号：</span>
					<span style="float: left;"><input class="form-control" type="text" name="account" value=""></span>
			</p>
			
		</div>
		<!--手机号-->
		<div class="personal-02" style="height: 60px;">
			<p class="personal-p1">
					<span class="personal-span1" style="margin-top: 6px;">密码：</span>
					<span style="float: left;"><input class="form-control"  type="password" name="password" value=""></span>
			</p>
			<br>
			<span id="loginMessage" style="margin-left: 60px;color: red;display: none">${loginMessage }</span>
		</div>
		
		<div class="personal-02" style="height: 20px;padding-top: 1px;">
		
							<span class="personal-span2">忘记密码？</span>
							<span class="personal-span2">注册</span>
		</div>
		<!--登录账号-->
<div class="personal-input">

<input class="personal-bt" type="submit" value="登录账号"/>
</form>
</div>
</div>
</article>
</body>
</html>